<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <link rel="stylesheet" href="./bootstrap-3.4.1/dist/css/bootstrap.css">
  <link rel="stylesheet" href="./css/index.css">
  <script src="./jquery.js"></script>
  <script src="./bootstrap-3.4.1/js/dropdown.js"></script>
  <script src="./bootstrap-3.4.1/js/collapse.js"></script>
  <script src="./bootstrap-3.4.1/js/transition.js"></script>
  <script src="./bootstrap-3.4.1/js/carousel.js"></script>

</head>

<body>
<!-- 头部 -->
<header>
  <div class="container-fluid box">
      <!-- 导航栏 -->
      <div class="navbar-wrapper">
          <div class="container">
              <nav class="navbar navbar-inverse navbar-static-top">
                  <div class="container">
                      <div class="navbar-header">
                          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                              data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                              <span class="sr-only">Toggle navigation</span>
                              <span class="icon-bar"></span>
                              <span class="icon-bar"></span>
                              <span class="icon-bar"></span>
                          </button>
                          <a class="navbar-brand" href="#">
                              <img src="./images/首页/logo.png" alt="" class="logo">
                          </a>
                      </div>
                      <div id="navbar" class="navbar-collapse collapse">
                          <ul class="nav navbar-nav">
                              <li class="active"><a href="#">首页</a></li>
                              <li><a href="#">Laya家族</a></li>
                              <li><a href="#">游戏</a></li>
                              <li><a href="#">新闻动态</a></li>
                              <li><a href="#">开发者中心</a></li>
                              <li><a href="#">开发者社区</a></li>
                              <li><a href="#">开放平台</a></li>
                              <li><a href="#">关于我们</a></li>

                              <li class="dropdown">
                                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                      aria-haspopup="true" aria-expanded="false">Language <span
                                          class="caret"></span></a>
                                  <ul class="dropdown-menu">
                                      <li><a href="#">中文</a></li>
                                      <li><a href="#">英文</a></li>
                                      <li><a href="#">日文</a></li>

                                  </ul>
                              </li>
                          </ul>
                      </div>
                  </div>
              </nav>

          </div>
      </div>
  </div>
 
</header>


  <!-- 轮播图
    ================================================== -->
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img class="first-slide" src="./images/首页/F8CEF66轮播图.png" alt="First slide">

      </div>
      <div class="item">
        <img class="second-slide" src="./images/首页/F8CEF66轮播图.png" alt="Second slide">

      </div>
      <div class="item">
        <img class="third-slide" src="./images/首页/F8CEF66轮播图.png" alt="Third slide">

      </div>
    </div>
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div><!-- /.carousel -->


  <!-- 内容一 -->

  <div class="container-fluid main_1">
    <div class="container box1">
      <div class="row main_box">
        <!-- 左边部分 -->
        <div class="col-xs-12 col-sm-6 col-md-8 main_1-1">
          <!-- 引擎 -->
          <div class="row yq">
            <p class="col-xs-12">LaYaFlash 引擎</p>
            <p class="col-xs-12">让Flash技术变成开发HTML5产品的利器</p>
          </div>
          <!-- 功能介绍 -->
          <div class="row gn">
            <div class="col-md-6">
              <img src="./images/首页/闪电.png" alt="">
              <div>
                <h3>快速Flash产品转换</h3>
                <span>
                  flash页游\手游仅需1一个7天即可转换成HTML5和APP游戏
                </span>
              </div>
            </div>
            <div class="col-md-6">
              <img src="./images/首页/功能2.png" alt="">
              <div>
                <h3>LaYaFlash IDE</h3>
                <span>
                  支持代码编译、调试、压缩与混淆加密、资源转换、在线文档等功能
                </span>
              </div>
            </div>
            <div class="col-md-6">
              <img src="./images/首页/功能3.png" alt="">
              <div>
                <h3>HTML5零学习成本</h3>
                <span>
                  AS3开发者可直接使用Flash开源框架和工具链进行开发HTML5
                </span>
              </div>
            </div>
            <div class="col-md-6">
              <img src="./images/首页/功能4.png" alt="">
              <div>
                <h3>性能媲美APP</h3>
                <span>
                  LaYaFlash引擎的重度游戏已运行QQ空间等平台，性能媲美APP
                </span>
              </div>
            </div>
          </div>
        </div>

        <!-- 右边部分 -->
        <div class="col-xs-12 col-sm-6 col-md-4 main_1-2">
          <img src="./images/首页/引擎手机.png" alt="">
        </div>
      </div>
    </div>
  </div>

  <!-- 内容二 -->
  <div class="container-fluid main_2">
    <div class="container box2">
      <div class="row main_box2">
        <!-- 左边 -->
        <div class="col-sm-6 col-md-5 main_2-1">
          <img src="./images/首页/优势大图1.png" alt="">
        </div>
        <!-- 右边 -->
        <div class="row col-sm-6 col-md-7 main_2-2">
          <!-- 标题 -->
          <div class="col-md-12 m2-t">
            <p>Layabox 优势</p>
          </div>
          <!-- 介绍 -->
          <div class="row m2-js">
            <div class="col-md-12">
              <img src="./images/首页/优势图1.png" alt="">
              <p>快速上手，Flash程序员3小时掌握HTML5开发</p>
            </div>
            <div class="col-md-12">
              <img src="./images/首页/优势图2.png" alt="">
              <p>4年优化打磨，LayaPlayer运行器性能媲美APP</p>
            </div>
            <div class="col-md-12">
              <img src="./images/首页/优势图3.png" alt="">
              <p>超5亿的LayaPlayer移动设备安装量帮助CP发行</p>
            </div>
            <div class="col-md-12">
              <img src="./images/首页/优势图4.png" alt="">
              <p>使用LayaFlash开发大型HTML5游戏的企业超100家</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 内容三 -->
  <div class="container-fluid main_3">
    <div class="container box3">
      <div class="row main_box3">
        <!-- 上 -->
        <div class="col-md-12 main_3-1">
          <p>Layabox产品家族</p>
        </div>
        <!-- 下 -->
        <div class="row col-md-12 main_3-2">
          <div class="col-md-6">
            <img src="./images/首页/产品家族1.png" alt="">
            <div>
              <h3>LayaAir</h3>
              <p>核心库仅100k左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D...</p>
            </div>
          </div>
          <div class="col-md-6">
            <img src="./images/首页/产品家族2.png" alt="">
            <div>
              <h3>LayaPublish</h3>
              <p>Laybox发行业务，通过在H5产业链中的技术桥梁优势，帮助CP获得流量支持</p>
            </div>
          </div>
          <div class="col-md-6">
            <img src="./images/首页/产品家族3.png" alt="">
            <div>
              <h3>LayaFlash</h3>
              <p>使用Flash AS3语言开发H5的引擎框架，可直接在FB或FD中开发、调试、编译H5，也可快速将Flash页游、手游转换成H5游戏</p>
            </div>
          </div>
          <div class="col-md-6">
            <img src="./images/首页/产品家族4.png" alt="">
            <div>
              <h3>LayaStore</h3>
              <p>嵌入式HTML5商城，APP只需嵌入20K的SDK即可以获得托管是HTML5商店服务，进入流量获利新时代</p>
            </div>
          </div>
          <div class="col-md-6">
            <img src="./images/首页/产品家族5.png" alt="">
            <div>
              <h3>LayaPlayer</h3>
              <p>HTML5高速运行器，性能卓越、支持大型HTML5游戏流畅运行，目前已植入QQ、百度等20多家主流平台，安装量超5亿</p>
            </div>
          </div>
          <div class="col-md-6">
            <img src="./images/首页/产品家族6.png" alt="">
            <div>
              <h3>LayaOpen</h3>
              <p>Laybox开放平台，整合了Laya提供的各种运营，管理服务的服务，提供给游戏提供商和互联网渠道的统一开放平台。</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 内容四 -->
  <div class="container-fluid main_4">
    <div class="container box4">
      <div class="row main_box4">
        <!-- 上 -->
        <div class="row col-xs-12 col-md-12 main_4-1">
          <h5 class="col-xs-9 col-sm-11 col-md-11">
            采用Layabox引擎的精彩游戏
          </h5>
          <a href="" class="col-xs-3 col-sm-1 col-md-1">更多</a>
        </div>
        <!-- 下 -->
        <div class="row col-xs-12 col-md-12 main_4-2 ">
          <a href="#" class="col-xs-12 col-sm-12 col-md-5">
            <img src="./images/首页/游戏大图.png" alt="">
          </a>
          <div class="row col-sm12 col-md-7">
            <div class="col-xs-6 col-sm-3 col-md-2">
              <a href="#">
                <img src="./images/首页/游戏1.png" alt="">
              </a>
              <p>猎刃2</p>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2">
              <a href="#">
                <img src="./images/首页/游戏2.png" alt="">
              </a>
              <p>上吧公主</p>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2">
              <a href="#">
                <img src="./images/首页/游戏3.png" alt="">
              </a>
              <p>醉西游</p>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2">
              <a href="#">
                <img src="./images/首页/游戏4.png" alt="">
              </a>
              <p>魔卡幻想</p>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2">
              <a href="#">
                <img src="./images/首页/游戏5.png" alt="">
              </a>
              <p>超能战队</p>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2">
              <a href="#">
                <img src="./images/首页/游戏6.png" alt="">
              </a>
              <p>刀塔大菠萝</p>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2">
              <a href="#">
                <img src="./images/首页/游戏7.png" alt="">
              </a>
              <p>轰三国</p>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2">
              <a href="#">
                <img src="./images/首页/游戏8.png" alt="">
              </a>
              <p>迷你猎人</p>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2">
              <a href="#">
                <img src="./images/首页/游戏9.png" alt="">
              </a>
              <p>萌挂三国</p>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2">
              <a href="#">
                <img src="./images/首页/游戏10.png" alt="">
              </a>
              <p>夺塔三国</p>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2">
              <a href="#">
                <img src="./images/首页/游戏11.png" alt="">
              </a>
              <p>英雄争霸</p>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2">
              <a href="#">
                <img src="./images/首页/游戏12.png" alt="">
              </a>
              <p>战争之门</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 内容五 -->
  <div class="container-fluid main_5">
    <div class="container box5">
      <div class="row main_box5">
        <!-- 上 -->
        <div class="col-md-12 main_5-1">
          <h2>合作伙伴</h2>
          <p>（排序不分先后）</p>
        </div>
        <!-- 下 -->
        <div class="col-md-12 main_5-2">
          <img src="./images/首页/合作伙伴1.png" alt="" class="col-md-2 col-xs-6">
          <img src="./images/首页/合作伙伴2.png" alt="" class="col-md-2 col-xs-6">
          <img src="./images/首页/合作伙伴3.png" alt="" class="col-md-2 col-xs-6">
          <img src="./images/首页/合作伙伴4.png" alt="" class="col-md-2 col-xs-6">
          <img src="./images/首页/合作伙伴5.png" alt="" class="col-md-2 col-xs-6">
          <img src="./images/首页/合作伙伴6.png" alt="" class="col-md-2 col-xs-6">
          <img src="./images/首页/合作伙伴7.png" alt="" class="col-md-2 col-xs-6">
          <img src="./images/首页/合作伙伴8.png" alt="" class="col-md-2 col-xs-6">
          <img src="./images/首页/合作伙伴9.png" alt="" class="col-md-2 col-xs-6">
          <img src="./images/首页/合作伙伴10.png" alt="" class="col-md-2 col-xs-6">
          <img src="./images/首页/合作伙伴11.png" alt="" class="col-md-2 col-xs-6">
          <img src="./images/首页/合作伙伴12.png" alt="" class="col-md-2 col-xs-6">

        </div>
      </div>
    </div>
  </div>


     
    <!-- 底部 -->
  <div class="container-fluid fter">
      <div class="container box6">
        <div class="row fter_box1">
                    
          <!-- 左边 -->
          <div class="col-sm-6 col-md-10 fter_1-1">
            <div>
              <a href="#">公司简介</a>
              <a href="#">联系方式</a>
              <a href="#">人才招聘</a>
            </div>
            <div>
              <p>
                ALL Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
              </p>
            </div>
          </div>
                    
          <!-- 右边 -->
           <div class="row col-sm-6 col-md-2">
            <a href="#" class="col-md-4">
              <img src="./images/首页/邮箱logo.png" alt="">
            </a>
            <a href="#" class="col-md-4 ewm">
              <img src="./images/首页/微信logo.png" alt="">
            </a>
            <a href="#" class="col-md-4">
              <img src="./images/首页/qqlogo.png" alt="">
            </a>
          </div>
                  
        </div>
      </div>
  </div>


</body>

</html>